<template>
  <c-pop-box :d="{close:false}">
    <view class="pr c-game-rule bg-color-white border-radius30" style="width:518upx;min-height:650upx">
      <image class="icon" mode="widthFix" src="/static/images/ui_duihuanchenggong.png"></image>
      <view class="mc-f14 mc-text-centent">
        <view class="mc-bold">兑换成功</view>
        <view class="mc-g8 mt5">我们将尽快与您联系</view>
      </view>
      <button type="primary" open-type="share" class="share-btn">分享到朋友圈</button>
      <button plain class="nab-btn" @tap="navIndex">返回首页</button>
      <view @click="close" class="mCe bottom-100 pop-close">
        <image class="bg-back" mode="widthFix" src="/static/images/ui_buanbi.png"></image>
      </view>
    </view>
  </c-pop-box>
</template>
<script>
import CPopBox from '@/components/global/c-pop/c-pop-box';
import { mapActions } from 'vuex';
export default {
  name: 'c-game-rule',
  props: {
    d: {
      type: Object
    }
  },
  components: {
    CPopBox
  },
  data() {
    return {
      list: []
    };
  },
  watch: {},
  computed: {},
  methods: {
    ...mapActions('pop', ['popShow']),
    navIndex() {
      uni.switchTab({
        url: '/pages/tabBar/home/index'
      });
      this.popShow();
    },
    close() {
	  console.log('close')
      this.$util.navigateBack();
      this.popShow();
    }
  },
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
.icon {
  width: 360rpx;
  display: block;
  margin: 0 auto;
}

button {
  width: 408rpx;
  margin-top: 20rpx;
  border-radius: 1000px;
}

.share-btn {
  background-color: #ff5f01;
}

.nab-btn {
  color: #888;
  border: 1px solid #e5e5e5;
}

.pop-close {
  position: absolute;
  bottom: 150upx;
  width: 60upx;
  height: 60upx;
}
</style>
